<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="/pages/master.xhtml">

	<ui:define name="content">
		<h:form id="frmP">
		
			<p:growl id="mensajeId" showDetail="true"/>  
			
			<h2 class="title ui-widget-header ui-corner-all">Lista de Pedidos</h2>
			
			<p:dataTable id="TblPedido" var="p" value="#{pedidoBean.lstPedido}" paginator="true" rows="5" 
			rowKey="#{p.pedidoId}" selection="#{pedidoBean.pedidoBase}" selectionMode="single"
			paginatorTemplate=
			"{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} 
			{RowsPerPageDropdown}" paginatorPosition="bottom"> 
				
				<p:column headerText="Codigo">
					<h:outputText value="#{p.pedidoId}" />
				</p:column>	
				<p:column headerText="Cliente">
					<h:outputText value="#{p.nombreCompleto}" />
				</p:column>	
				<p:column headerText="Producto">
					<h:outputText value="#{p.nombreProducto}" />
				</p:column>	
				<p:column headerText="Fecha">
					<h:outputText value="#{p.fecha}" />
				</p:column>	
				<p:column headerText="Cantidad">
					<h:outputText value="#{p.cantidad}" />
				</p:column>	
				<p:column headerText="Total">
					<h:outputText value="#{p.total}" />
				</p:column>	
			
			</p:dataTable>		
			<p:commandButton value="Generar Reporte" actionListener="#{pedidoBean.reporte()}" />
			<p:dialog header="Detalle Pedido" widgetVar="detallePedidoDialog" resizable="false"
				showEffect="fade" hideEffect="explode" modal="true">
				
				<h:panelGrid id="grd" columns="2" cellpadding="5">
					
					<h:outputText value="Cantidad" />
					<h:outputText value="#" />
					
					<h:outputText value="Nombre " />
					<h:outputText value="#" />
					
				</h:panelGrid>
				
			</p:dialog>
	    </h:form>
	</ui:define>
</ui:composition>
</html>